<!DOCTYPE html>
<html>
  <head>
 <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- head 中 -->
<link rel="stylesheet" href="weui/lib/weui.min.css">
<link rel="stylesheet" href="weui/css/jquery-weui.min.css">
<link rel="stylesheet" type="text/css" href="weui/css/pattern.css"/>
<title>我的格局</title>
</head>
<body ontouchstart>

	<div class="page" >
	    <div class='panel'>
		      <div class='avatar'>
		         <div class="a_img"></div>
		      </div>
		      <div class="info">
		          <p class="nick">哈哈哈</p>
		          <p class="text">你的的职场性格潜是【坚毅力】和【包容力】</p>
		          <p class="text">你的领导力风格会和 <span style="color: #f19149;">【丁磊】</span> 相似</p>
		      </div>    
	    </div>
	    
	    <div class="image" style="margin-top: 10px;width: 96%;margin-left: 2%;overflow: hidden;clear: both;padding-bottom: 10px;">
	    	<img src="images/pg.png" alt="" style="width: 62%;float: left;display: block;" />
	    	<div style="float: left;width: 34%;margin-left:2%;">
	    		<img src="images/ava.png" style="width: 100%;" />
	    		<p style="text-align: center;color: #666;font-size: 14px;">网易创始人   丁磊</p>
	    	</div>
	    </div>
	    
	    <div class="date">
			<div class="top">
				<div class="weui-flex">
			      <div class="weui-flex__item">创始人的性格模式，决定公司风格和命运！ </div>
				</div>
			
			</div>
			<div id="nav" class="center">
				<!--<div class="weui-flex">
			      <div class="weui-flex__item" id="navbar2">马化腾</div>
			      <div class="weui-flex__item">周鸿祎 </div>
			      <div class="weui-flex__item">雷军 </div>
			      <div class="weui-flex__item active" id="navbar2">丁磊</div>
				</div>
				<div class="weui-flex" style="margin-top: 5px;">
			      <div class="weui-flex__item">马化腾</div>
			      <div class="weui-flex__item">周鸿祎 </div>
			      <div class="weui-flex__item">雷军 </div>
			      <div class="weui-flex__item">丁磊</div>
				</div>-->
				<p>马化腾</p>
				<p>周鸿祎</p>
				<p>雷军</p>
				<p class="active">丁磊</p>
				<p>马云</p>
				<p>刘强东</p>
				<p>史玉柱</p>
				<p>张朝阳</p>
				
				
			</div>
			
			<div id="tab" class="bottom">
				<div class="weui-flex">
			      <div  class="weui-flex__item ">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人1
			      </div>
			       <div  class="weui-flex__item">
			      	22222222222222222
			      </div>
			      <div  class="weui-flex__item ">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人3
			      </div>
			      <div  class="weui-flex__item on">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人4
			      </div>
			      <div  class="weui-flex__item ">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人5
			      </div>
			        <div  class="weui-flex__item ">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人6
			      </div>
			        <div  class="weui-flex__item ">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人7
			      </div>
			        <div  class="weui-flex__item ">
			      	包容力的最高境界，就是道场崇尚的上善若水思。丁磊在一次大学演讲中推荐大学生阅读《道德经》。网易早期的对外广告是：“网易、网聚人8
			      </div>
				</div>
				
			</div>
			
			
		</div>
		
		<div class="footer">
			<div class="left">
				<p>长按识别二维码</p>
				<img src="images/code.png" width="90" height="90"/>
			</div>
			
			<div class="right">
				<p>可测试你的职场性格潜能  </p>
				<p>也可学习更多创始人的优势性格</p>
				
				<p><img  width="35" height="18" src="images/logo.png"/>心鉴读书会</p>
				
			</div>
			
		</div>
		
	    
	<div>

 <script src="weui/lib/jquery-2.1.4.js"></script>
<script src="weui/js/jquery-weui.js"></script>
<script>
 $(function(){
    $("#nav  p").off("click").on("click",function(){
       var index = $(this).index();
       $(this).addClass("active").siblings().removeClass("active");
       $("#tab .weui-flex div").eq(index).addClass("on").siblings().removeClass("on");
     });
  });
</script>

</body>
</html>
